<template>
  <div class="count">
    <h1>{{ count }}</h1>
    <button @click="add(num)">累加</button>
    <Update/>
  </div>
</template>

<script>
export default {
  name: "MyCount",
  // // 在组件的配置项中，声明要接受的props的属性，
  // 也放在了组件实例上
  // props: ["num"],
  props:{
    num:{
      type:Number
    }
  },
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    add(num) {
      console.log(this);
      this.count += num;
    },
   
  },
};
</script>

<style scoped>
.count {
  background-color: pink;
  height: 300px;
}
</style>